/* 一些常用排版样式 */
.fn_hide { display: none; }
.fn_left, .fn_right, .fn-left, .fn-right { display: inline; }
.fn_left, .fn-left { float: left; }
.fn_right, .fn-right { float: right; }
.fn_center, .fn-center { margin: 0 auto; }
.imageblock img { display: block; }
.imageblock_center img { display: block; margin: 0 auto; }
.blockimage { display: block; }
.block100 { display:block; width:100%;}
.aleft { text-align: left; }
.aright { text-align: right; }
.acenter { text-align: center; }
.top { vertical-align: top; }
.baseline { vertical-align: baseline; }
.inline-block { display: inline-block; *display: inline; *zoom: 1; }
.full_width { width: 100%; }
.pos-parent, .parent, .relative { position: relative; }
.pos-child, .child, .absolute { position: absolute; }
.hide { display: none;}
.fixed { position: fixed;}
.whole { width:100%;}

.media { *zoom: 1; }
.media:after { content: "\20"; display: block; height: 0; clear: both; }
.media .bd { vertical-align: baseline; display: table-cell; width: 10000px; *width: auto; *zoom: 1; }
.media .bd:after { content: "\20"; display: block; height: 0; clear: both; }
.media .bd:first-child { margin-top: 0; }
.media .bd:last-child { margin-bottom: 0; }
.media .bd img { display: block; }
.media .img { float: left; }
.media .img img { display: block; }
.media .imgext { float: right; }
.media .imgext img { display: block; }

/*常用边距 spacing helpers p,m = padding,margin a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical s,m,sm,l,n = small(5px),medium(10px),smallmedium(15px),large(20px),none(0px) ml,ll = morelarge(30px), largelarge(40px) */
.ptn, .pvn, .pan { padding-top: 0px !important; }
.pts, .pvs, .pas { padding-top: 5px !important; }
.ptm, .pvm, .pam { padding-top: 10px !important; }
.ptsm, .pvsm, .pasm { padding-top: 15px !important; }
.ptl, .pvl, .pal { padding-top: 20px !important; }
.ptml, .pvml, .paml { padding-top: 30px !important; }
.ptll, .pvll, .pall { padding-top: 40px !important; }
.prn, .phn, .pan { padding-right: 0px !important; }
.prs, .phs, .pas { padding-right: 5px !important; }
.prm, .phm, .pam { padding-right: 10px !important; }
.prsm, .phsm, .pasm { padding-right: 15px !important; }
.prl, .phl, .pal { padding-right: 20px !important; }
.prml, .phml, .paml { padding-right: 30px !important; }
.prll, .phll, .pall { padding-right: 40px !important; }
.pbn, .pvn, .pan { padding-bottom: 0px !important; }
.pbs, .pvs, .pas { padding-bottom: 5px !important; }
.pbm, .pvm, .pam { padding-bottom: 10px !important; }
.pbsm, .pvsm, .pasm { padding-bottom: 15px !important; }
.pbl, .pvl, .pal { padding-bottom: 20px !important; }
.pbml, .pvml, .paml { padding-bottom: 30px !important; }
.pbll, .pvll, .pall { padding-bottom: 40px !important; }
.pln, .phn, .pan { padding-left: 0px !important; }
.pls, .phs, .pas { padding-left: 5px !important; }
.plm, .phm, .pam { padding-left: 10px !important; }
.plsm, .phsm, .pasm { padding-left: 15px !important; }
.pll, .phl, .pal { padding-left: 20px !important; }
.plml, .phml, .paml { padding-left: 30px !important; }
.plll, .phll, .pall { padding-left: 40px !important; }
.mtn, .mvn, .man { margin-top: 0px !important; }
.mts, .mvs, .mas { margin-top: 5px !important; }
.mtm, .mvm, .mam { margin-top: 10px !important; }
.mtsm, .mvsm, .masm { margin-top: 15px !important; }
.mtl, .mvl, .mal { margin-top: 20px !important; }
.mtml, .mvml, .maml { margin-top: 30px !important; }
.mtll, .mvll, .mall { margin-top: 40px !important; }
.mrn, .mhn, .man { margin-right: 0px !important; }
.mrs, .mhs, .mas { margin-right: 5px !important; }
.mrm, .mhm, .mam { margin-right: 10px !important; }
.mrsm, .mhsm, .masm { margin-right: 15px !important; }
.mrl, .mhl, .mal { margin-right: 20px !important; }
.mrml, .mhml, .maml { margin-right: 30px !important; }
.mrll, .mhll, .mall { margin-right: 40px !important; }
.mbn, .mvn, .man { margin-bottom: 0px !important; }
.mbs, .mvs, .mas { margin-bottom: 5px !important; }
.mbm, .mvm, .mam { margin-bottom: 10px !important; }
.mbsm, .mvsm, .masm { margin-bottom: 15px !important; }
.mbl, .mvl, .mal { margin-bottom: 20px !important; }
.mbml, .mvml, .maml { margin-bottom: 30px !important; }
.mbll, .mvll, .mall { margin-bottom: 40px !important; }
.mln, .mhn, .man { margin-left: 0px !important; }
.mls, .mhs, .mas { margin-left: 5px !important; }
.mlm, .mhm, .mam { margin-left: 10px !important; }
.mlsm, .mhsm, .masm { margin-left: 15px !important; }
.mll, .mhl, .mal { margin-left: 20px !important; }
.mlml, .mhml, .maml { margin-left: 30px !important; }
.mlll, .mhll, .mall { margin-left: 40px !important; }

/* 960grid 布局 */
.container-12 { margin-left: auto; margin-right: auto; width: 960px; }
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { display: inline; float: left; /* position: relative */ margin-left: 10px; margin-right: 10px; }
.container-12 .grid-1 { width: 60px; }
.container-12 .grid-2 { width: 140px; }
.container-12 .grid-3 { width: 220px; }
.container-12 .grid-4 { width: 300px; }
.container-12 .grid-5 { width: 380px; }
.container-12 .grid-6 { width: 460px; }
.container-12 .grid-7 { width: 540px; }
.container-12 .grid-8 { width: 620px; }
.container-12 .grid-9 { width: 700px; }
.container-12 .grid-10 { width: 780px; }
.container-12 .grid-11 { width: 860px; }
.container-12 .grid-12 { width: 940px; }

/* grid list */
.grid-list li, .grid-list dd { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; }
.grid-list-1-column li, .grid-list-1-column dd { width: 100%; }
.grid-list-2-column li, .grid-list-2-column dd { width: 49.333%; }
.grid-list-3-column li, .grid-list-3-column dd { width: 32.884%; }
.grid-list-4-column li, .grid-list-4-column dd { width: 24.554%; }
.grid-list-8-column li, .grid-list-8-column dd { width: 12.222%; }



